﻿        ul {
	        list-style: none;
        }
        body {
          background: #1a1a1a;
          color: white;
          font-family: Arial;
        }
        .flat-form {
          background: #E3CFE1;
          margin: 0px auto;
          width: 390px;
          height: auto;
          z-index:4;
          position: absolute;
          overflow:hidden;
          right:0;top:0;bottom:0;
          font-family: 'Roboto';
        }
        .tabs {
          background: #D0C5CF;
          height: 40px;
          margin: 0;
          padding: 0;
          list-style-type: none;
          width: 100%;
          position: relative;
          display: block;
          margin-bottom: 20px;
        }
        .tabs li {
          display: block;
          float: left;
          margin: 0;
          padding: 0;
        }
        .tabs a {
          background: #D0C5CF;
          display: block;
          float: left;
          text-decoration: none;
          color: white;
          font-size: 12px;
          padding: 12px 22px 12px 22px;
          /*border-right: 1px solid tab-border;*/
        }
        .tabs li:last-child a {
          border-right: none;
          width: 174px;
          padding-left: 0;
          padding-right: 0;
          text-align: center;
        }
        .tabs a.active {
          background: #D47CCB;
          border-right: none;
          -webkit-transition: all 0.5s linear;
	        -moz-transition: all 0.5s linear;
	        transition: all 0.5s linear;
        }
        .form-action {
          padding: 0 20px;
          position: relative;
        }

        .form-action h1 {
          font-size: 42px;
          padding-bottom: 10px;
        }
        .form-action p {
          font-size: 12px;
          padding-bottom: 10px;
          line-height: 25px;
        }
        form {
          padding-right: 20px !important;
        }
        form input[type=text],
        form input[type=password],
        form input[type=submit] {
          font-family: Arial;
        }

        form input[type=text],
        form input[type=password] {
          width: 100%;
          height: 40px;
          margin-bottom: 10px;
          padding-left: 15px;
          background: #fff;
          border: none;
          color: #D47CCB;
          outline: none;
        }

        .dark-box {
          background: #5e0400;
          box-shadow: 1px 3px 3px #3d0100 inset;
          height: 40px;
          width: 50px;
        }
        .form-action .dark-box.bottom {
          position: absolute;
          right: 0;
          bottom: -24px;
        }
        .tabs + .dark-box.top {
          position: absolute;
          right: 0;
          top: 0px;
        }
        .show {
          display: block;
        }
        .hide {
          display: none;
        }

        .button {
            border: none;
            display: block;
            background: #136899;
            height: 40px;
            width: 120px;
            color: #ffffff;
            text-align: center;
            border-radius: 5px;
            /*box-shadow: 0px 3px 1px #2075aa;*/
  	        -webkit-transition: all 0.15s linear;
	          -moz-transition: all 0.15s linear;
	          transition: all 0.15s linear;
        }

        .button:hover {
          background: #1e75aa;
          /*box-shadow: 0 3px 1px #237bb2;*/
        }

        .button:active {
          background: #136899;
          /*box-shadow: 0 3px 1px #0f608c;*/
        }

        ::-webkit-input-placeholder {
          color: #8E8E8E;
        }
        :-moz-placeholder {
          /* Firefox 18- */
          color: #8E8E8E;
        }
        ::-moz-placeholder {
          /* Firefox 19+ */
          color: #8E8E8E;
        }
        :-ms-input-placeholder {
          color: #8E8E8E;
        }